$color-333: #333;
$color-blue: #0400ff;
$color-lightblue: #d7f5ff;
$color-white: #fff;
$font-size-13: 13px;
.mb10{
  margin-bottom: 10px;
}
.mb20{
  margin-bottom: 20px;
}
.mt20{
  margin-top: 20px;
}
.mr30{
  margin-right: 30px;
}
.plr16{
  padding-left: 16px;
  padding-right: 16px;
}
.pr8{
  padding-right: 8px;
}
.box-border{
  box-sizing: border-box;
}
// 字体
.font14{
  font-size: 14px;
}
.color3{
  color: $color-333;
}
// .line{
//   color: $color-333;
//   &:hover{
//     color: $color-blue;
//     text-decoration: underline;
//   }
// }
// hover
.hover-box{
  transition: .3s;
  border-radius: 4px;
  background: $color-white;
  padding: 10px 15px;
  &:hover{
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,.1);
    transform: scale(1.01);
  }
}